import './App.css'
import AhooksComponent from './components/ahooksComponent'
import FatherComponent from './components/fatherComponent'
import HookComponent from './components/hookComponent'
import MemoIndex from './components/memoComponent/memoIndex'
import ReducerComponent from './components/reducerComponent'
import IndexBrother from './components/reducerComponent/indexBrother'
import IndexFather from './components/reducerComponent/indexFather'
import RouterComponent from './components/routerComponent'
import TestComponent from './components/testComponent'
// import RefComponent from './components/refComponent'
import AnimationComponent from './components/animationComponent'
import CanvasComponent from './components/canvasComponent'
import EffectComponent from './components/effectComponent'
import TypescriptComponent from './components/typescriptComponent'
function App() {
  return (
    <>
      {/* <FatherComponent /> */}
      {/* <RefComponent /> */}
      {/* <HookComponent/> */}
      {/* <AhooksComponent/> */}
      {/* <ReducerComponent/>
      <IndexBrother/> */}
      {/* <IndexFather/> */}
      {/* <MemoIndex/> */}
      {/* <TestComponent/> */}
      {/* <RouterComponent/> */}
      {/* <AnimationComponent/> */}
      {/* <CanvasComponent/> */}
      {/* <EffectComponent/> */}
      <TypescriptComponent/>
    </>
  )
}

export default App
